<header class="am-header am-header-default am-header-fixed am-no-layout" style="height: 49px; background: #5eb95e;">
	<h1 class="am-header-left" style="height: 49px;">
		<span class="am-text-xs" style="color: white;">大象与猩猩 与您有约</span>
	</h1>
</header>
<div class="am-u-sm-12" style="padding: 0%; margin-top: 49px;">
	<!-- 图片轮播  -->
	<div class="am-slider am-slider-a1 am-slider-manual" id="am-slider">
		<ul class="am-slides" id="am-slides">
			<li id="first"></li>
		</ul>
	</div>

	<hr />
	<div class="am-tabs-bd">
		<div data-tab-panel-0 class="am-tab-panel am-active" style="padding-left: 0%; padding-right: 0%;">
			<ul class="am-list am-in am-u-sm-12" id="collapse-nav" style="padding-left: 0%; padding-right: 0%;">
				<!--缩略图在标题左边-->
				<li style="padding: 0%; border: none;" class="am-g am-list-item-desced am-list-item-thumbed" data-ng-repeat="item in products.currentPageItems">
					<div class="am-u-sm-2 am-list-thumb" style="padding-left: 0%; padding-right: 0%;">
						<img class="am-u-sm-centered am-img-bdrs am-img-thumbnail" data-ng-src="{{ baseUrl+item.thumbId }}" alt="" style="padding: 0%; border: 3px solid #ddd;">
					</div>
					<div class="am-u-sm-2 am-list-thumb" style="padding-left: 0%; padding-right: 0%;">
						<span> 产品</span><br />
						<span data-ng-bind="item.description"></span>
					</div>
					<div class="am-u-sm-2 am-list-thumb" style="padding-left: 0%; padding-right: 0%;">
						<span> 数量</span><br />
						<span data-ng-bind="item.amount"></span>
					</div>
					<div class="am-u-sm-2 am-list-thumb" style="padding-left: 0%; padding-right: 0%;">
						<span>价格</span><br />￥<span data-ng-bind="item.price"></span>
					</div>
					<div class="am-u-sm-4 am-list-thumb" style="padding-left: 0%; padding-right: 0%;">
						<div class="am-btn-group am-btn-group-xs">
							<span class="am-btn am-btn-xs am-btn-default am-round" ng-click="minusProduct(item)"><i class="am-icon-minus"></i></span> <span class="am-btn am-btn-xs am-btn-default" id="buy_num" disabled data-ng-bind="item.buyAmount" data-ng-init="item.buyAmount=1"></span> <span class="am-btn am-btn-xs am-btn-default am-round" ng-click="addProduct(item)"><i class="am-icon-plus"></i></span>
						</div>
						<p></p>
						<button type="button" class="am-btn am-btn-xs" data-ng-click="additem(item)">加入购物车</button>
					</div>
					<hr class="am-u-sm-12" />
				</li>
				<li>
					 <div class="am-fr">
					    <ul class="am-pagination">
					      <li class="{{ products.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);"  data-ng-click="products.previous();">上一页</a></li>
					      <li class="am-disabled"><a href="javascript:void(0);">{{ products.recordCount!="0"? products.currentPage : 0  }}</a></li>
					      <li class="{{ products.currentPage+1<=products.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);"  data-ng-click="products.next()">下一页</a></li>
					    </ul>
				  </div>
				</li>
			</ul>
		</div>
	</div>

	<hr />
	
	<div class=" am-navbar" style="border: 1px solid rgba(221, 221, 221, 0.73);">
		<div class="am-u-sm-12 am-list-main am-btn-default " style="height: 49px; background-color: #f1f1f1; padding-right: 0%;">
			<div class="am-padding-vertical-xs">
				<span class="am-fr am-btn am-btn-sm am-btn-warning" ng-click="shoppingCart()"> <i class="am-icon-shopping-cart"></i>进入购物车
				</span>
			</div>
		</div>
	</div>
	
	<!-- login -->
	<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">请登录</div>
			<div class="am-modal-bd">
				<form name="formName">
					<div class="am-input-group">
						<span class="am-input-group-label"><i class="am-icon-user"></i></span> <input type="tel" maxlength="11" required data-ng-model="phone" class="am-form-field" placeholder="手机号">
					</div>
					<br>
					<div class="am-input-group">
						<span class="am-input-group-label"><i class="am-icon-lock"></i></span> <input type="password" required data-ng-model="pwd" class="am-form-field" placeholder="密码">
					</div>
				</form>
			</div>
			<div class="am-modal-footer">
				<div class="am-btn-group am-btn-group-justify">
					<button class="am-btn am-btn-success am-radius" role="button" data-ng-click="cancel()">取消</button>
					<button class="am-btn am-btn-primary am-radius" role="button" data-ng-click="login(phone,pwd);" data-ng-disabled="formName.$invalid">确定</button>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function() {
		$('.am-slider').flexslider();
		$('#doc-my-tabs').tabs();
	});
</script>